*{margin: 0;padding: 0;box-sizing: border-box;}
.clear{clear: both;content: "";}
body{font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";font-size: 14px;line-height: 26px;}
img{border:none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
input{font-family: Helvetica,"微软雅黑",Arial, "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color: #007FFF;text-decoration: none;}
a:active{color: #007FFF;text-decoration: none;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{padding: 0;margin: 0;list-style-type:none}

.container{max-width: 1200px; margin: 0 auto;}
.header{height: 120px;background: #fff;}
.top{background:#0066cb;color: #fff;overflow: hidden;line-height: 35px;}
.top_name{float: left;width: 60%;}
.tel{float:right;width: 40%;text-align: right;}
.tel img{padding:0 10px;margin-top: 5px;}
.logo{width: 45%; float: left;}
.logo img{margin-top: 18px;float: left;padding-right: 10px;}
.logo h2{font-size: 22px;padding-top: 20px;letter-spacing:1.2px;}
.logo P{font-size: 12px;}
.nav{width: 55%; float: right;}
.nav ul li{width: 16.66%; float: left;text-align: center;}
.nav ul li a{display: block;line-height: 80px;font-size: 16px;}
.nav .bid{color: #007AFF;}
.flexslider {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}

.title{text-align: center;padding: 15px 0;}
.title h3{color: #0066CB;font-size: 25px;}
.title p{font-size: 16px;color: #666;}
.title img{ vertical-align: middle;padding-right: 10px;}

.iadv{background:#004890;overflow: hidden;}
.iadv ul li{float: left;width: 33.3%;padding: 30px 0;}
.iadv-c div{margin: 0 10px;color: #fff;padding: 0 15px;height: 80px;}
.iadv-c div h3{font-size: 18px;}
.iadv-c div p{color: #eee;}
.iadv-c-2{border-left: 1px solid #296199; border-right: 1px solid #296199;}

.iabout-box{padding:30px 0 80px 0;overflow: hidden;background: #F6F6F6;}
.iabout{padding: 20px 0;}
.iabout img{float: left;padding-right: 60px;}
.iabout h1{padding: 15px 0;margin-top: 40px;}
.iabout p{font-size: 16px;padding: 10px 0;line-height: 30px;text-indent: 2em;}
.iabout .about-more{padding: 10px 25px; border: 1px solid #EEEEEE;float: right; background: #0066CB;color: #fff;}

.ipro{background: #f6f6f6;padding: 30px 0;overflow: hidden;}
.ipro-c{overflow: hidden;}
.ipro-c ul li{float: left;width: 25%;float: left;padding: 0 10px;margin: 15px 0;text-align: center;}
.ipro-c ul li .pro-img img{width: 100%;display: block;}
.pro-c {}
.pro-c a{display: block;line-height: 30px; font-size: 16px;padding: 0 5px;}
.ipro .title-more{padding: 8px 0; border: 1px solid #666666;margin: 15px auto;text-align: center;display: block;width: 15%;}

.inews{margin:10px 0;overflow: hidden;}
.inews-box{overflow: hidden;padding: 30px 0 50px 0;}
.inews-x{overflow: hidden;}
.inews ul li{width: 33.3%;float: left;}
.inews ul li h3{height: 45px; line-height: 45px;margin: 12px 0;}
.more{border: 0;}
.more img{float: right;margin-top: 10px;}
.title-icon{vertical-align: middle;padding-right: 10px;}
.inews-c .more{border-bottom: none;}
.inews-c{margin: 0 15px;overflow: hidden;}
.inews-c h3{color: #0066CB;background: #eee;padding-left:10px;}
.inews-c a{display: block;line-height:45px;border-bottom: 1px dashed #eee;padding: 0 10px;}
.inews-c span{float: right;color: #666;}

.footer{background:#333 ;padding: 30px 0 0 0;}
.footer1{color: #eee;margin: 10px 0 15px 0;overflow: hidden;}
.footer-l{width: 65%;float: left;}
.bnav{padding:20px 0;}
.footer-l p{padding: 0 25px;color: #999;}
.footer-r{width: 35%;float: right;}
.footer-r img{padding: 0 15px;}
.footer-r ul{overflow: hidden; margin-top: 15px;}
.footer-r ul li{width: 28%; float: left;text-align: center;float: right;}
.footer1 a{color: #a7a7a7;padding: 10px 25px;}
.footer1 a:hover{color: #eee;}
.footer1 span{color: #666666;}
.footer2{border-top: 1px solid #3f3838;line-height: 38px;overflow: hidden;}
.footer2 a{color: #555;}
.footer2 .left{float: left;}
.footer2 .right{float: right;}

.fl{font-size: 16px;padding: 15px 0;}
.fl a{padding: 0 20px;}
.fl .nbid{color: #0066CB; }
/*about*/
.banner-about{background: url(../img/banner-abouut.jpg) no-repeat center; height:400px;}
.about{padding: 30px 0 50px 0;overflow: hidden;}

/*news*/
.banner-news{background: url(../img/banner-news.jpg) no-repeat center; height: 400px;}
.news{padding: 30px 0 50px 0;overflow: hidden;}
.news-box{padding:10px 0;}
.news-box ul{overflow: hidden;}
.news-box ul li{margin: 25px 0;background: #eee;overflow: hidden;padding: 15px 10px;}
.news-box ul li:hover{background: #EAF5FF;transition: all 0.5s;}
.news-img{width: 15%;float: left;}
.news-img img{width: 100%;display: block;}
.news-c{width: 85%;float: right;padding:10px 20px;}
.news-c a{font-size: 18px;display: block;}
.news-c span{color: #666;}
.news-box ul li:hover >.news-c a{color: #0066CB;}

/*products*/
.banner-products{background: url(../img/banner-products.jpg) no-repeat center;height: 400px;}
.pinfo-box{overflow: hidden;margin: 30px 0;}
.pinfo-l{width: 40%; float: left;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-pinfo{background: url(../img/banner-pinfo.png) no-repeat center;height: 100px;}
.pinfo{padding: 30px 0;}
.pinfo-r{width: 60%;float: right;padding: 0 20px;}
.pinfo-r h2{padding: 15px 0;border-bottom: 1px solid #EEEEEE;margin-bottom: 15px;}
.pinfo-r p{text-indent: 2em;text-justify: inherit;font-size: 15px;color: #555;}
.pinfo-detail h2{background:#0066CB;line-height: 50px;color: #fff;padding: 0 15px;font-weight: normal;}
.pinfo-detail-c{padding:20px 15px;background: #f6f6f6;}
.pinfo-detail-c .black{width: 200px;border: 1px solid #A7A7A7;display: block;text-align: center;margin-top: 35px;padding: 10px 0;margin: 25px auto  0;color: #999;}
.pinfo-detail-c .black:hover{color: #0066CB;border: 1px solid #0066CB;}

/*tec*/
.banner-tec{background: url(../img/banner-tec.jpg) no-repeat center; height: 300px;}
.technology{padding: 30px 0;overflow: hidden;}
.technology-box{overflow: hidden;}
.technology-box ul li{float: left;width: 25%;}
.technology-box ul li p:hover{background:rgba(0, 102, 203, 0.9);;}
.technology-box ul li img{width: 100%;display: block;}
.technology-box .tec-c{margin: 10px;position: relative;border: 5px solid #eee;}
.technology-box .tec-c p{background:rgba(2, 19, 25, 0.8);height: 65px;color: #fff;width: 100%;padding: 0 10px;}

.banner-tinfo{background: url(../img/banner-tec.jpg) no-repeat center; height: 150px;}
/*contact*/
.banner-contact{background: url(../img/banner-contact.jpg) no-repeat center;height: 400px;}
.contact{padding: 30px 0 50px 0;overflow: hidden;}
.contact-box{padding: 30px 0;overflow: hidden;}
.contact-l{width: 60%;float: left;}
.contact-r{width: 40%;float: right;padding-left: 15px;padding-top: 80px;}
.contact-r h1{font-size: 22px;}
.contact-c ul li{overflow: hidden;margin: 15px 0;}
.contact-c ul li img{float: left;width: 30px;margin-right:15px ;}
.contact-box2{}
.contact-box2 ul{overflow: hidden;}
.contact-box2 ul li{width: 33.3%; float: left;background: #f7f7f7;padding: 25px 10px;}

/*page*/
.pagnation { text-align: center; margin-top: 32px; }
.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; overflow: hidden; background: url(../img/sprite.png) no-repeat 0 -29px; margin-left: 4px; font-size: 16px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -64px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px -29px; }
.pagnation .page-prev:hover { background-position: -35px -64px; }
.pagnation .page-next { background-position: -70px -29px; }
.pagnation .page-next:hover { background-position: -70px -64px; }
.pagnation .current { background-position: 0px -64px; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

.banner-ninfo{background:#EEEEEE;height: 150px;}
.ninfo-t{text-align: center;padding: 50px 0;}
.ninfo-t h2{padding: 10px 0;}
.ninfo-t span{padding: 0 15px;}
.ninfo-c{padding: 30px 0;}
.ninfo-c img{text-align: center;display: block;margin: 0 auto;padding: 15px 0;}
.ninfo-c .black{width: 200px;border: 1px solid #A7A7A7;display: block;text-align: center;margin-top: 35px;padding: 10px 0;margin: 25px auto  0;color: #999;}
.ninfo-c .black:hover{color: #0066CB;border: 1px solid #0066CB;}
.ninfo-more{padding: 20px 0 50px 0;border-top: 1px solid #eee;}
.ninfo-more a{color: #555;}
.ninfo-more span{float: right;color: #666;}

.pro-img>a>img{
width:280px;
height:280px;

}


.pro-c a{
height:50px

}